import React from 'react'
import { OrbitingCircles } from "@/components/magicui/orbiting-circles";
import Image from 'next/image';
import { assets } from '../assets/assets';



const HeaderBgCircles = () => {
  return (
    // <div className='relative flex w-full flex-col items-center justify-center overflow-hidden'>
    <>
    <OrbitingCircles iconSize={120} radius={300} speed={2}>
        <Image alt='' src={assets.cq_logo}/>
    </OrbitingCircles>
    <OrbitingCircles iconSize={400} radius={300} speed={1}>
        <Image alt='' src={assets.me} className='rounded-full w-60 h-60'/>
    </OrbitingCircles>
    <OrbitingCircles  radius={300} >
        <Image alt='' src={assets.github} className='rounded-full' />
        <Image alt='' src={assets.vscode} className='rounded-full'/>
    </OrbitingCircles> 
    {/* </div> */}
    </>
  )
}

export default HeaderBgCircles
